<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.js"></script>
    <link rel="stylesheet icon" type="text/css" href="${pageContext.request.contextPath}/admin/images/favicon.ico">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/login.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>花礼网</title>
</head>
<body>
    <%@include file="header.jsp"%>
    <div class="container-fluid bc-img">
        <div class="container">
            <div class="login-box">
                <ul class="login-tabs">
                    <li class="login-account active">账号登陆</li>
                    <li class="login-wx">微信登录</li>
                </ul>
                <div class="main">
                    <form action="userlogin" id="form-account" class="content">
                        <div class="input-group" style="margin-top: 25px; margin-bottom: 25px;">
                            <div class="input-group-prepend">
                                <span class="input-group-text icon icon-phone"></span>
                            </div>                      
                            <input type="text" class="form-control" id="username" name="username" placeholder="请输入用户名……">
                        </div>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text icon icon-unlocked"></span>
                            </div>                      
                            <input class="form-control" type="password" name="password" placeholder="请输入密码……">
                        </div>
                        <button type="submit" class="btn-user" style="margin-top: 20px;">登陆</button>
                        <div class="bottom-box">
                            <div class="bottom-box-register">
                                <a href="register.jsp">注册账号></a>
                            </div>
                        </div>
                    </form>
    
                    <form action="" id="form-wx" class="content">
    
                    </form>
                </div>

            </div>
        </div>
    </div>

    <script>
        $(function(){
            $('.login-box ul li').click(function(){
                $(this).addClass("active").siblings().removeClass("active");
                $(".login-box .main .content").eq($(this).index()).css("display","block").siblings().css("display","none");
                
            })
        })
    </script>
</body>
</html>